<template>
  <div>
    <div class="activity-description">
			<!-- 评选流程 -->
			<div>
				<h4>
					评选流程
				</h4>
				<img class="liucheng" src="http://files.wabei.cn/2022Vote/step3.png" alt="">
			</div>
			<!-- 投票说明 -->
			<div>
				<h4>
					投票说明
				</h4>
				<p>每个微信号每日最多可投5票</p>
				<p>最终评选结果由评审团根据评审团及网络票选综合决定</p>
				<p class="strong">投票截止日期：2023年1月3日下午6点</p>
			</div>
			<!-- 活动合作 -->
			<div class="clearfix">
				<h4>
					活动合作
				</h4>
				<div class="fl cooperation">
					<p v-for="(item,key) in cooperation" :key="key">
						<span class="person">
							<img :src="item.icon" alt="">
						</span>
						{{item.contactWay}}
					</p>
				</div>
				<div class="fr cooperation">
						<button @click="signUp()">参与评选</button>
				</div>
			</div>
			<!-- 支持媒体
			<div v-for="(item,index) in picList" :key="index">
          <h4>
            {{item.name}}
          </h4>
          <div class="media clearfix">
            <div v-for="(pics,key) in item.arr" :key="key">
              <img :src="pics" alt="">
            </div>
          </div>
        </div> -->
		</div>
    <footer>
      <div class="footer-common ">
				<div class="wrapper ">
					<p>
						<a href="http://www.wabei.cn/about/aboutus.html">关于我们</a><i class="sep ">┊</i>
						<a href="http://www.wabei.cn/about/links.html">友情链接</a><i class="sep ">┊</i>
						<a href="http://www.wabei.cn/about/joinus.html">加入我们</a><i class="sep ">┊</i>
						<!--<a href="http://info.wabei.cn/ ">新三板公告</a><i class="sep ">┊</i>-->
						<a href="http://www.wabei.cn/roll/index.html">实时更新</a><i class="sep ">┊</i>
						<a href="http://www.wabei.cn/yc/index.html">原创报道</a>
					</p>
          <p class="contact-way">
            <span>服务电话：15810423576</span>
            &nbsp;
            <span>微信公众号：挖贝网</span>
            </p>
          <p class="m0">挖贝网是新三板专业门户，新三板生态价值发现平台，</p>
          <p class="m0">新三板大数据平台开创及领导者</p>
					<p class="m0">WaBei.CN © 2020-2021 京ICP备11034405号 </p>
          <p class="m0">京公网安备110105010276</p>
					
				</div>
			</div>
    </footer>
  </div>
</template>
<script>
export default {
  name:"footers",
  data(){
    return {
      cooperation:[
				{
					"icon":"http://files.wabei.cn/img/person.png",
					"contactWay":"李先生"
				},{
					"icon":"http://files.wabei.cn/img/phone.png",
					"contactWay":"158-1042-3576"
				},{
					"icon":"http://files.wabei.cn/img/open_email.png",
					"contactWay":"liyongqiang@wabei.cn"
				}
				],//合作人员信息
				   picList:[{
          name:"战略合作媒体",
          arr:[
            "http://files.wabei.cn/img/logo-01.jpg",
            "http://files.wabei.cn/img/logo-02.jpg",
            "http://files.wabei.cn/img/logo-03.jpg"
        ]},{
          name:"战略支持媒体",
          arr:[
            "http://files.wabei.cn/img/logo-05.jpg",
            "http://files.wabei.cn/img/logo-14.jpg",
            "http://files.wabei.cn/img/logo-37.jpg"
        ]},{
          name:"官方合作媒体",
          arr:[
            "http://files.wabei.cn/img/logo-15.jpg",
            "http://files.wabei.cn/img/logo-17.jpg",
            "http://files.wabei.cn/img/logo-20.jpg",
            "http://files.wabei.cn/img/logo-38.jpg",
            "http://files.wabei.cn/img/logo-45.png"
        ]},{
          name:"合作支持媒体",
           arr: [
          "http://files.wabei.cn/img/logo-07.jpg",
          "http://files.wabei.cn/img/logo-09.jpg",
          "http://files.wabei.cn/img/logo-10.jpg",
          "http://files.wabei.cn/img/logo-11.jpg",
          "http://files.wabei.cn/img/logo-12.jpg",
          "http://files.wabei.cn/img/logo-13.jpg",
          "http://files.wabei.cn/img/logo-16.jpg",
          "http://files.wabei.cn/img/logo-18.jpg",
          "http://files.wabei.cn/img/logo-19.jpg",
          "http://files.wabei.cn/img/logo-22.jpg",
          "http://files.wabei.cn/img/logo-23.jpg",
          "http://files.wabei.cn/img/logo-25.jpg",
          "http://files.wabei.cn/img/logo-26.jpg",
          "http://files.wabei.cn/img/logo-27.jpg",
          "http://files.wabei.cn/img/logo-28.jpg",
          "http://files.wabei.cn/img/logo-29.jpg",
          "http://files.wabei.cn/img/logo-30.jpg",
          "http://files.wabei.cn/img/logo-31.jpg",
          "http://files.wabei.cn/img/logo-32.jpg",
          "http://files.wabei.cn/img/logo-33.jpg",
          "http://files.wabei.cn/img/logo-34.jpg",
          "http://files.wabei.cn/img/logo-35.jpg",
          "http://files.wabei.cn/img/logo-36.jpg",
          "http://files.wabei.cn/img/logo-40.jpg",
          "http://files.wabei.cn/img/logo-41.jpg",
          "http://files.wabei.cn/img/logo-43.jpg",
          "http://files.wabei.cn/img/logo-44.png",
					"http://files.wabei.cn/img/logo-46.jpg",
					"http://files.wabei.cn/img/logo-47.png",
					"http://files.wabei.cn/img/logo-48.jpg",
        ]
        }],
    }
	},
	methods:{
		signUp(){
				this.$router.push({path: '/test/vote/signUp'})
			},
	}
}
</script>

<style scoped lang="scss"> 
.activity-description{
		background-color:#273896;
		>div{
			padding-top: 40px;
			>.media{
				padding-left:30px;
				padding-right:30px;
				display: -webkit-flex;
    		display: flex;
				flex-direction:row;
				flex-wrap:wrap;
				>div {
					background-color: #fff;	
					height: 55px;
					margin: 10px;
					width: calc((100% - 40px)/5);
					margin-left:0px;
					display: flex;
					align-items: center;
					img{
						width:100%;
					}
				}
				>div:nth-child(5n){
					margin-right: 0px;
				}
			}
			h4{
					padding-left:25px;
					font-size: 32px;
					color: #dbb37b;
					font-weight: 700;
				}
			.liucheng{
				width:90%;
				margin-top: 50px;
				margin-left:5%;
			}
			p{
				&:first-of-type{
					margin-top: 10px;
				}
				&.strong{
					font-weight: 700;
				}
				font-size: 24px;
				color: #FEFEFE;
				padding-left:25px;
				margin:0px;
				height: 34px;
				line-height:34px;
			}
			.cooperation{
				height: 125px;
				&.fl{
					width:calc(100% - 310px);
					float: left;
					p{
						margin-bottom:10px;
						padding-left:60px;
						>span{
							display: inline-block;
							background-color: #fff;
							width: 36px;
							height: 36px;
							line-height: 36px;
							text-align: center;
							border-radius: 36px;
							vertical-align: middle;
						>img{
							width: 90%;
						}
					}
					}
				}
				&.fr{
					width: 265px;
					float: left;
					button{
						width: 100%;
						height: 125px;
						border-radius:10px;
						line-height:125px;
						background: -moz-linear-gradient(top, #FED88A 0%, #DC9A39 100%);
						background: -webkit-linear-gradient(top, #FED88A 0%,#DC9A39 100%);
						font-size: 40px;
					}
				}
			}
		}
	
	}
footer{
  padding-top: 125px;
  padding-bottom:125px;
  background-color: #273896;
	color: #BDBDBD;
	margin-top:-1px;
  .footer-common {
    border-top: 1px solid #686868;
    text-align: center;
    padding: 23px 0;
    .wrapper{
      padding-left:30px;
      padding-right:30px;
      p{
        &.contact-way{
          color: #fff;
          font-size:24px;
        }
        &.m0{
          margin-top:0px;
          margin-bottom:0px;
        }
        a{
          color: #BDBDBD;
          &:-webkit-any-link {
            text-decoration: none;
          }
        }
        i{
          font-style: inherit;
        }
    }
    }
    
}
}

</style>

